main,
p,
div {
  // border: 1px solid #333;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


body {
  background-color: #f4f4f4;
  color: #666;
  min-width: 1210px;

  li {
    list-style: none;
  }

  a {
    text-decoration: none;
    color: #666;

    &:hover {
      color: #e1251b;
    }
  }
}

.top-pilot {
  background-color: #e3e4e5;
  border-bottom: 1px solid #ddd;
  height: 30px;
  padding: 0 125px;
  margin: auto;

  .w {
    // 设置居中
    width: 1190px;
    margin: auto;
    // padding: 0 125px;
    min-width: 1210px;
    // max-width: 1190px;

    display: block;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 30px;
    a {
      //    去掉下划线
      text-decoration: none;
      color: #999;
    }
    .itme {
      width: 57.99px;

      display: flex;
      justify-content: space-between;
      align-items: center;
      // <!--  left 地区 -->
      .area {
        width: 58px;

        i {
          color: #e1251b;
        }
      }
    }
  }
  font-size: 12px;

  .link {
    color: rgb(153, 153, 153);
    height: 30px;
    display: flex;
    align-items: center;
    ul {
      // 设置列表样式 没有
      list-style: none;

      padding-right: 0;
      margin-top: 0px;

      .spacer {
        overflow: hidden;
        margin: 11px 5px 0;
        width: 1px;
        height: 10px;
        background-color: #ccc;
      }

      li {
        // 将元素 转换为行内块元素
        display: inline-block;
        text-align: right;
        .icon-xiangxiajiantouxiao {
          font-size: 10px;
        }
        .qiye {
          color: red;
        }
      }
    }
  }
}
.top-menu {
  height: 141px;
  background: #fff;
  display: flex;
  min-width: 1210px;
  padding: 0 125px;

  .w {
    width: 1190px;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 120px;
    // 左图
    .left-logo {
      width: 190px;
      background: url(https://img1.360buyimg.com/da/jfs/t1/27128/20/11597/47521/5c90a3e8E459276cc/d57d0ac7b97451d1.gif?v=0.29441728457779925);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    .between {
      width: 750px;
      display: flex;
      flex-direction: column;
      // justify-content: space-between;
      .search {
        height: 36px;
        display: flex;
        justify-content: center;
        font-size: 12px;

        .b-search {
          // width: 1190px;

          height: 36px;
          display: flex;
          justify-content: center;
          background: #fff;
          font-size: 12px;

          .searchbox {
            width: 550px;
            display: flex;
            box-shadow: 0 0 0 2px #e1251b;

            /*  搜索框 左  */
            .searchbox-left {
              flex-grow: 1;
              display: flex;
              justify-content: space-between;

              div {
                display: flex;

                align-items: center;

                &:nth-child(1) {
                  flex-grow: 1;

                  input {
                    width: 425px;
                    outline: none;
                    border: none;
                    padding-left: 20px;
                    line-height: 26px;
                    color: #333;
                  }
                }

                &:nth-child(2) {
                  flex-basis: 50px;
                  display: flex;
                  justify-content: center;

                  span {
                    cursor: pointer;

                    &:hover {
                      color: #e1251b;
                    }
                  }
                }
              }
            }

            /* 搜索框-右 放大镜 */
            .searchbox-zoom {
              width: 58px;
              display: flex;

              button {
                flex-basis: 58px;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                border: #e1251b;
                background: #e1251b;

                &:hover {
                  background-color: #e1251bde;
                }

                span {
                  color: #fff;
                }
              }
            }
          }

          .shopping {
            width: 132px;
            // margin: 0;
            // padding: 0;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            border: 1px solid #e3e4e5;
            color: #e1251b;
            position: relative;
            left: 50px;

            a {
              height: 12px;
              width: 60px;
              text-decoration: none;
              color: #e1251b;
            }

            .ci-count {
              position: absolute;
              top: 1px;
              left: 29px;
              right: auto;
              display: inline-block;
              padding: 1px 3px;
              line-height: 12px;
              color: #fff;
              background-color: #e1251b;
              border-radius: 7px;
              min-width: 12px;
              text-align: center;
            }
          }
        }
      }
      // <!-- 2-2-热搜词 -->

      .b-hotwords {
        height: 20px;
        width: 550px;
        position: relative;
        left: 0px;
        top: 0px;
        display: flex;
        justify-content: center;
        align-items: center;

        a {
          //    去掉下划线
          text-decoration: none;
          color: #999;
          font-size: 12px;
          margin-right: 10px;

          &:nth-child(1) {
            color: #e1251b;
          }

          &:hover {
            color: #e1251b;
          }
        }
      }

      // <!-- 2-3-导航项目 -->
      .b-navitems {
        height: 60px;
        width: 750px;
        ul {
          list-style: none;
          padding: 0;
          margin-top: 35px;
          li {
            display: inline-block;
            text-align: right;
            margin: 0 10px;

            &:nth-child(1) {
              a {
                color: #e1251b;
              }
            }

            &:nth-child(2) {
              a {
                color: #e1251b;
              }
            }
          }
        }

        a {
          color: #333;
        }
      }
    }

    // <!-- 2-3 -->
    .right-ad {
      width: 190px;
      height: 80px;
      background: url(../ligo/9c45c518ad785873.png.jpg);
      background-size: contain;
      background-repeat: no-repeat;
      display: flex;
      text-align: center;
      background-position: 50% 0;
    }
  }
}

.main {
  // min-width: 1210px;

  width: 1440px;
  margin: auto;
  //  设置内边框的的距离 上下0 左右125
  padding: 0 125px;
  // margin: 0 0;
  // position: relative;
  display: flex;
  flex-direction: column;
  //  <!-- 3 网格 3个 -->
  .grid {
    height: 480px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    position: relative;
    margin-bottom: 25px;

    //   菜单
    .menu {
      width: 190px;
      height: 470px;
      background-color: #fff;

      .menu-cate {
        font-size: 14px;

        span {
          padding: 0 2px;
          margin: 0;
        }

        ul {
          margin: 0;
          padding: 10px 0;

          li {
            list-style: none;
            padding: 0px 0px 0px 18px;
            height: 25px;

            a {
              color: rgb(99, 99, 99);
              margin: -4px;

              &:hover {
                color: #e1251b;
              }
            }
          }
        }
      }
    }

    //   图片
    .img {
      width: 790px;
      height: 470px;
      display: flex;
      justify-content: space-between;
      align-items: stretch;

      .imgl {
        width: 590px;
        position: relative;

        img {
          display: block;
          width: 100%;
          height: 100%;
        }
      }

      /* 箭头按钮 */
      button {
        position: absolute;
        top: 50%;
        width: 25px;
        height: 35px;
        background-color: rgba(0, 0, 0, 0.15);

        cursor: pointer;
        border: none;

        &:hover {
          background-color: #d9d9d9;
        }
      }

      .arrow-l {
        left: 0;
        border-top-right-radius: 18px;
        border-bottom-right-radius: 18px;
      }

      .arrow-r {
        right: 0;
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
      }

      .imgr {
        width: 190px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        position: relative;

        .recommend {
          img {
            height: 150px;
          }
        }
      }
    }

    //   用户 京东快报 服务
    .g-r-3 {
      width: 190px;
      height: 470px;
      background-color: #fff;

      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;

      .user {
        height: 102px;
        display: flex;
        flex-direction: column;
        align-items: center;

        .user-top {
          height: 67px;
          display: flex;
          align-items: center;
          font-size: 12px;

          .user-top-logo {
            img {
              border: 0;
              width: 44px;
              height: 44px;
              border-radius: 999px;
            }
          }

          .user-top-user {
            height: 38px;
            // width: 106px;
            position: relative;
            left: 5px;

            .user-top-user-b {
              a {
                color: #333;

                &:hover {
                  color: #e1251b;
                }
              }
            }
          }
        }

        .user-bottow {
          width: 190px;
          flex-grow: 1;
          position: relative;
          display: flex;
          justify-content: space-evenly;
          align-items: center;

          > div {
            width: 70px;
            height: 25px;
            font-size: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 13px;
          }

          .user-bottow-l {
            background: #e1251b;
            color: #fff;
            // margin: 0 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 13px;
          }

          .user-bottow-r {
            background: #363634;
            color: #e5d790;
          }
        }
      }

      .news {
        height: 130px;
        // flex-grow: 1;
        display: flex;
        flex-direction: column;

        .news-t {
          height: 30px;
          font-size: 12px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin: 5px 10px;
          a {
            display: flex;
            align-items: center;
          }
        }

        .news-b {
          height: 88px;
          flex-grow: 1;
          font-size: 12px;
          position: relative;
          margin: 0 15px;
          color: #666666;

          ul {
            padding: 0;
            margin: 0;

            li {
              max-width: 160px;
              height: 16px;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              margin-bottom: 6px;

              span {
                display: inline-block;
                height: 16px;
                width: 35px;
                color: #e1251b;
                background-color: rgba(225, 37, 27, 0.08);
                text-align: center;
                margin-right: 6px;
              }
            }
          }
        }
      }

      .service {
        height: 240px;
        display: flex;
        flex-wrap: wrap;
        font-size: 12px;

        div {
          width: 62px;
          height: 57px;
          display: flex;

          align-items: flex-end;
          justify-content: center;

          a {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            color: #333333;

            span {
              margin: 2px 0;
            }
          }
        }
      }
    }
  }

  //  <!-- 4 app部分 4个-->
  .app {
    // <!-- 4-1京东秒杀< -->
    .seckill {
      height: 260px;
      display: flex;
      justify-content: space-between;
      // align-items: center;
      margin-bottom: 20px;

      .seckill-countdown {
        width: 190px;
        height: 100%;
        background: url(//misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/img/613f39ecb60e42dfec798a4ffc0bc012.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #e83632;

        > a {
          height: 100%;
          color: #fff;

          > div {
            text-align: center;

            &:nth-child(1) {
              margin: 39px 0 0;
              font-size: 30px;
            }

            // <!-- 计时器 -->
            &:nth-child(2) {
              height: 66px;
              margin: 90px 0 0;
              font-size: 14px;
              display: flex;
              flex-direction: column;
              justify-content: space-between;

              .timer {
                > b {
                  font-size: 18px;
                }
              }

              // <!-- 倒计时 -->
              .countdown {
                height: 30px;

                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 20px;
                line-height: 30px;

                .timer-countdown {
                  height: 100%;
                  width: 30px;
                  background-color: #2f3430;
                }

                .timer-countdown-d {
                  width: 20px;
                }
              }
            }
          }
        }
      }

      .seckill-b {
        flex-grow: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        background-color: #fff;

        /* 箭头按钮 */
        button {
          position: absolute;
          // top: 50%;
          width: 25px;
          height: 35px;
          background-color: rgba(0, 0, 0, 0.15);

          cursor: pointer;
          border: none;

          &:hover {
            background-color: #d9d9d9;
          }
        }

        .arrow-l {
          left: 0;
          border-top-right-radius: 18px;
          border-bottom-right-radius: 18px;
        }

        .arrow-r {
          right: 0;
          border-top-left-radius: 18px;
          border-bottom-left-radius: 18px;
        }

        a {
          display: flex;
          font-size: 12px;

          .itme {
            width: 197px;
            // position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;

            > img {
              width: 140px;
              height: 140px;
            }

            h6 {
              height: 16px;
              width: 160px;
              font-weight: 400;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              border-right: linear-gradient(180deg, white, #eeeeee, white);

              color: rgb(51, 51, 51);

              &:hover {
                color: #e1251b;
              }
            }

            span {
              color: #e1251b;
            }
          }
        }
      }

      .seckill-r {
        width: 200px;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;

        a {
          border: solid;
          width: 180px;
          height: 240px;
          display: flex;
          flex-direction: column;

          // align-items: center;
          .image {
            flex-grow: 1;
            display: flex;
            justify-content: center;
            align-items: center;

            img {
              width: 120px;
              height: 120px;
            }
          }

          .info {
            height: 90px;
            background: linear-gradient(
              180deg,
              rgba(255, 255, 255, 0.5),
              rgba(220, 224, 236, 0.5)
            );
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;

            div {
              &:nth-child(1) {
                height: 21px;
                font-size: 14px;
                color: #666;
              }

              &:nth-child(2) {
                height: 21px;
                font-size: 14px;
                color: #333;
                font-weight: 700;
              }

              &:nth-child(3) {
                font-size: 12px;
              }

              .info-item-s-t {
                border: 1px solid #e1251b;
                color: #e1251b;
                height: 24px;
                width: 82px;
                border-radius: 14px;
                display: inline-block;
                box-sizing: border-box;
                line-height: 21px;
              }
            }
          }
        }
      }
    }

    // <!-- 4-2 特色优选 -->
    .day {
      height: 980px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      margin-top: 20px;
      margin-bottom: 20px;

      // <!-- 每日特价 -->
      .one {
        // height: 340px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;

        .box {
          width: 585px;
          background-color: white;
          display: flex;
          flex-direction: column;
          justify-content: space-between;

          .top {
            height: 60px;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;

            .box-top-l {
              font-size: 24px;
              display: flex;

              h5 {
                display: inline-block;
                color: #333;
              }

              display: flex;
            }

            .box-top-r {
              width: 261px;
              height: 21px;
              display: flex;
              justify-content: space-between;
            }
          }

          /*   每日特价tu */
          .one-bottom {
            padding: 0 16px;

            height: 285px;

            display: flex;
            flex-direction: row;

            // <!-- 产品 -->
            .one-bottom-left {
              width: 170px;
              height: 265px;
              background-color: rgba(109, 126, 146, 0.05);
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              position: relative;
              margin-top: 10px;

              .one-bottom-left-img {
                span {
                  display: inline-block;
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 90px;
                  height: 24px;
                  font-size: 12px;
                  background: url();
                  background-size: cover;
                  color: #fff;
                  text-align: center;
                  line-height: 24px;
                }

                img {
                  height: 120px;
                  width: 120px;
                }
              }

              .one-bottom-left-z {
                height: 54px;

                .itme1 {
                  height: 34px;
                  width: 150px;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden;
                  font-size: 14px;
                  margin-top: 10px;
                }

                .itme2 {
                  font-size: 18px;
                  color: red;
                  text-align: center;

                  sub {
                    bottom: -0.25px;
                  }
                }
              }
            }

            // <!--  每日特价右边4个 -->

            .one-bottom-right {
              width: 560px - 170px;
              flex-grow: 1;
              display: flex;
              flex: row;
              flex-wrap: wrap;
              align-content: space-around;
              justify-content: space-evenly;

              .one-bottom-right-itme {
                width: 170px;
                height: 84px;

                a {
                  display: flex;

                  img {
                    width: 84px;
                    height: 84px;
                  }

                  .byte {
                    flex-grow: 1;
                    font-size: 12px;

                    .byte-t {
                      height: 30px;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      /*  指定了怎样在单词内断行 */
                      word-break: break-all;
                    }

                    .font {
                      color: red;
                      font-size: 14px;
                      height: 22px;
                    }
                  }
                }
              }
            }
          }
        }

        // <!--  品牌闪购 -->
        .oner {
          .one-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;

            // <!--品牌闪购 左 -->
            .one-bottom-core {
              width: 270px;
              height: 265px;
              display: flex;
              justify-content: center;
              text-align: center;

              // margin: 15px auto 0px;
              .core-img1 {
                width: 70px;
                position: relative;
                top: 20px;
              }

              .core-y {
                display: block;
                position: relative;
                display: block;
                font-size: 16px;
                z-index: 1;
                margin: 30px auto 5px;
                font-weight: 700;
                color: #333;
              }

              .core-font {
                height: 20px;
                font-size: 12px;
                color: #666;

                .x {
                  display: inline-block;
                  height: 10px;
                  border: 0.5px solid;
                  color: #666;
                }

                span {
                  font-weight: 700;
                }
              }

              .core-img2 {
                height: 130px;
              }
            }

            // <!--品牌闪购 右 -->

            .one-bottom-core-oters {
              margin-top: -46px;
              width: 270px;
              height: 311px;
              display: flex;
              flex-wrap: wrap;
              align-content: space-between;
              justify-content: space-between;

              .x {
                display: inline-block;
                height: 60px;
                width: 1px;
                border: 0.5px solid;
                background: black;
                opacity: 0.1;
                position: relative;
                top: 30px;
              }

              .oters-rtme {
                height: 100px;
                width: 130px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;

                img {
                  width: 100px;
                  height: 50px;
                }

                .font {
                  height: 18px;
                }
              }
            }
          }
        }
      }

      // <!--  发现好货 -->
      .find {
        height: 260px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;

        .find-l {
          width: 190px;
          height: 100%;
          display: flex;
          justify-content: center;
          background: url(https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/img/4dca746078b49c72a9877d2998d0abc8.png);

          .line {
            width: 160px;
            height: 89px;
            margin-top: 15px;
            background: url();
            background-size: cover;
            border-bottom-right-radius: 30px;

            .new-line {
              color: rgba(255, 255, 255, 0.8);
              font-size: 16px;
              padding-top: 55px;
              padding-left: 20px;
              padding-bottom: 10px;
              display: block;
            }
          }
        }

        // <!-- tu  -->
        .find-r {
          flex-grow: 1;
          margin-left: 10px;
          display: flex;
          justify-content: space-evenly;
          align-items: center;
          background: #fff;

          .tu {
            width: 151px;
            height: 181px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;

            img {
              width: 150px;
              height: 150px;
            }

            .infor {
              width: 150px;

              color: #333;
              overflow: hidden;
              text-overflow: ellipsis;
              font-size: 14px;
            }
          }
        }
      }

      // <!--  新品首发 -->
      .new {
        height: 340px;
        display: flex;
        justify-content: space-between;

        > div {
          width: 290px;
          background: #fff;
        }

        .head {
          height: 60px;
          padding: 0 20px;
          font-weight: 700;
          font-size: 24px;
          color: #333;
          line-height: 56px;

          span {
            color: red;
            font-weight: 90;
            font-size: 24px;
          }
        }

        .foot {
          .itme {
            height: 250px;
            display: flex;
            flex-direction: column;
            align-items: center;
            overflow: hidden;

            .itme-img {
              display: flex;
              height: 130px;
              align-items: flex-end;

              img {
                height: 130px;
              }

              .img-1 {
                height: 104px;
                width: 104px;
                margin-left: 10px;
                margin-right: 10px;
              }
            }

            .end {
              height: 130px;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              align-items: center;
              margin-top: 20px;

              .foot-itme {
                width: 200px;
                height: 19px;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 14px;
              }

              .foot-itme1 {
                font-size: 12px;
                margin-top: -20px;

                color: #999;
              }

              span {
                font-size: 18px;
                color: red;
                font-weight: 700;
              }
            }
          }
        }

        .JOY {
          // <!-- JOY 寻宝 中间 -->
          .foot {
            .foot-top {
              height: 40px;
              display: flex;
              justify-content: space-evenly;

              .tab {
                width: 62px;
                height: 20px;
                border-radius: 9px;
                border: 1px solid red;
                color: red;
                text-align: center;
                font-size: 15px;
              }
            }

            // <!-- JOY 寻宝 下面的 图片文字 -->
            .foot-end {
              height: 230px;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              margin: 0 10px;

              .end-tab {
                height: 70px;
                display: flex;
                justify-content: space-between;

                img {
                  width: 70px;
                  height: 70px;
                }

                /* 文字 */
                .img-info {
                  width: 180px;
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between;
                  font-size: 14px;

                  span {
                    color: red;
                    font-size: 16px;
                  }

                  .info {
                    height: 34px;
                    overflow: hidden;
                  }
                }
              }
            }
          }
        }

        // <!-- 逛好店 -->
        .shop {
          .foot {
            height: 266px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;

            .foot-shop {
              height: 128px;
              width: 260px;
              display: flex;
              justify-content: space-between;

              padding: 15px 15px;

              .foot-shop-info {
                width: 120px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;

                .info-itme {
                  height: 59.89px;
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between;

                  /* 文字 */
                  .info-itme-text {
                    height: 36.39px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                  }

                  /* 标签 */
                  .info-itme-tag {
                    height: 18px;
                    display: flex;
                    font-size: 12px;
                    text-align: center;

                    .tag-red {
                      width: 30px;
                      border: 1px solid red;
                      color: red;
                      border-radius: 2px;
                    }

                    .tag-blue {
                      width: 54px;
                      margin: 0 5px 0;
                      color: #596fab;
                      border: 1px solid #596fab;
                      border-radius: 2px;
                    }
                  }
                }

                /* 关注 */
                .info-focus {
                  color: rgb(153, 153, 153);
                  font-size: 12px;
                }
              }

              img {
                height: 100px;
                width: 100px;
              }
            }
          }
        }

        // <!-- 领券中心 -->

        .center {
          .foot {
            height: 280px;
            background: url(https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/img/b5576e69a83147bda19e45d0cf428e41.png);
            background-size: 100% auto;

            .coupon {
              height: 83px;
              width: 260px;
              margin: auto;
              display: flex;
              justify-content: space-between;
              padding: 7px;

              /* tu部分 */
              .coupon-img {
                width: 70px;
                height: 70px;
                border-radius: 999px;
                display: flex;
                justify-content: center;
                align-items: center;
                background: #fff;
                border: #fff;

                img {
                  width: 50px;
                  height: 50px;
                }
              }

              /* 中间文 */
              .coupon-info {
                width: 140px;
                font-size: 12px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                overflow: hidden;

                text-overflow: ellipsis;

                .number {
                  display: flex;
                  flex-direction: row;
                  justify-content: flex-start;
                  align-items: flex-end;
                  color: red;

                  i {
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400px;
                  }

                  span {
                    font-size: 28px;
                    font-weight: 700px;
                  }
                }

                /* 优惠卷限制金额 */
                .limit {
                  color: #999;
                  height: 18px;
                }

                /* 描述 */
                .desc {
                  height: 18px;
                  color: #333;
                }
              }

              /* 更多 */
              .coupon-more {
                font-size: 12px;
                color: #666;

                .more {
                  display: inline-block;
                  width: 1px;
                  line-height: 15px;
                }

                span {
                  position: relative;
                  bottom: 22px;
                  left: 6px;
                }
              }
            }
          }
        }
      }
    }

    // <!--  频道广场 -->
    .square {
      height: 1005px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      text-align: center;
      margin-bottom: 20px;
      overflow: hidden;

      .font {
        height: 65px;
        font-size: 28px;
        font-weight: 700;
        line-height: 0px;
        color: #333;
      }

      .sgrquare-grid {
        height: 370px;

        .sgrquare-grid-top {
          display: flex;
          justify-content: space-between;

          .itme-img {
            width: 590px;
            display: flex;
            justify-content: space-between;
            img {
              width: 290px;
              height: 370px;
            }
          }

          .itme {
            height: 370px;
            width: 290px + 290px + 10px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;

            align-content: space-between;
          }
        }
      }

      /* 小图 的样式 */
      .itme-info {
        height: 180px;
        width: 290px;
        background: #fff;

        // display: flex;
        // flex-direction: column;
        .hear {
          height: 60px;
          margin: 0 10px 0 30px;
          padding: 17px 0 13px;
          color: #333;
          font-size: 22px;
          font-weight: 700;
          display: flex;
          align-items: flex-end;

          span {
            color: #999;
            font-size: 14px;
            margin-left: 5px;
          }
        }

        .foot {
          height: 100px;

          img {
            height: 100px;
            width: 100px;
            margin: 10px;
          }
        }
      }

      .bottom {
        flex-grow: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
      }
    }

    // <!--  为你推荐 -->
    .recommend {
      // height: 11755px;
      display: flex;
      flex-direction: column;
      text-align: center;

      /* 为你推荐 */
      .font {
        height: 65px;
        font-size: 28px;
        font-weight: 700;
        line-height: 0px;
        color: #333;
      }

      .s-grid-b {
        margin-bottom: 10px;
        background: #fff;
        display: flex;
        justify-content: center;

        .itme {
          width: 180px * 6;
          display: flex;

          .itme-tittle {
            height: 60px;
            width: 180px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            position: relative;

            /* 用伪类添加内容
 */
            &::after {
              content: "";
              position: absolute;
              right: 0;
              top: 0;
              height: 40px;
              margin: 10px 0;
              width: 1px;
              background: #dfdfdf;
              background: -webkit-gradient(
                linear,
                left top,
                left bottom,
                from(white),
                color-stop(51%, #dfdfdf),
                to(white)
              );
              background: linear-gradient(180deg, white, #dfdfdf 51%, white);
            }
            /*  取掉样式 */
            &:nth-last-child(1) {
              &::after {
                display: none;
              }
            }

            .red {
              .itme-tittle-text {
                span {
                  background: #e1251b;
                  color: #fff;
                  border-radius: 50px;
                }
              }
              .itme-tittle-disc {
                color: red;
              }
            }

            .itme-tittle-text {
              height: 27px;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 16px;
              line-height: 27px;
              margin-bottom: 5px;

              span {
                width: 70px;
                height: 27px;
                display: flex;
                align-items: center;
                justify-content: center;
              }
            }

            .itme-tittle-disc {
              height: 21px;
              color: #999;
              font-size: 14px;
            }
          }
        }
      }

      div {
        &:nth-child(1) {
          height: 65px;
        }

        &:nth-child(2) {
          height: 60px;
          margin-bottom: 10px;
        }

        &:nth-child(3) {
          flex-grow: 1;
        }
      }
      .s-grid-r {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;

        .s-grid-r-itme {
          width: 230px;
          height: 322px;
          margin: 0 3px 10px;
          .itme {
            background: #fff;
            width: 230px;
            height: 322px;
            display: flex;
            flex: content;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            // text-align: center;
            .itme-t {
              margin-top: 20px;
              flex-grow: 1;
              img {
                height: 150px;
                width: 150px;
              }
            }
            .itme-r {
              height: 120px;
              display: flex;
              flex-direction: column;
              justify-content: space-between;

              overflow: hidden;
              text-overflow: ellipsis;
              .top {
                height: 48px;
                width: 162px;
                overflow: hidden;
                text-overflow: ellipsis;
                color: #666;
                font-size: 14px;
                line-height: 24px;
              }
              .red {
                color: red;
              }
            }
          }
        }
      }
    }
  }
}

// <!-- 3 页脚 -->
.footer {
  height: 569px;

  display: flex;
  justify-content: center;
  flex-direction: column;
  // <!--   头部的 服务 -->
  .service {
    width: 100%;
    height: 103px;
    padding: 30px 0;
    border-bottom: 1px solid #dedede;
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 30px 0;
    // border-bottom: 1px solid #dedede;

    .service-inner {
      width: 1190px;
      display: flex;
      justify-content: center;

      .inner {
        width: 278px;
        position: relative;
        margin: 0 auto;
        i {
          overflow: hidden;
          position: absolute;
          left: 0;
          top: 0;
          width: 36px;
          height: 42px;
          background-repeat: no-repeat;
          background-size: 113px 86.5px;
          background-image: url(//img10.360buyimg.com/imagetools/jfs/t1/211722/38/13035/9322/6215e10cEa9918ac1/7f8686ee76e42123.png);
        }

        .duo {
          background-size: 0 1;
        }
        .kuai {
          background-position: -38.5px 0;
        }
        .hao {
          background-position: -77px 0;
        }
        .sheng {
          background-position: 0 -44.5px;
        }

        span {
          overflow: hidden;
          width: 100%;
          height: 42px;
          line-height: 42px;
          font-size: 18px;
          font-weight: 700;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #444;
          position: relative;
          left: 45px;
        }
      }
    }
  }
  // <!-- 中间 -->
  .help {
    height: 200px;
    .help-inner {
      height: 160px;
      display: flex;
      justify-content: center;

      .inner {
        width: 198px;
        display: flex;
        flex-direction: column;
        span {

          margin-bottom: 5px;
          font-size: 12px;
        }

        h5 {
          // display: none;
          height: 22px;
          margin-bottom: 5px;
          font-size: 14px;
        }
      }
      .inner-cover {
        width: 200px;
        .inner {
          h5 {
            text-align: center;
          }

          .more {
            text-align: right;
          }
        }
      }
    }
  }

  // <!-- 下面 -->
  .text {
    height: 200px;
    // display: flex;
    // align-items: center;
    // justify-content: center;
    .text-inner {
      display: flex;
      justify-content: center;
      flex-direction: column;
      font-size: 12px;

      padding: 15px 0;
    border-top: 1px solid #e1e1e1;
    text-align: center;
.links{
  color: #666666;
}
    .info{
      padding: 10px 0;
      line-height: 22px;
      color: #999;
    }
    .auth{
      display: flex;
      flex-direction: row;
justify-content: center;
      .inner{
        width: 103px;
        height: 32px;
        height: 36.5px;
        background-repeat: no-repeat;
        background-image: url(https://img13.360buyimg.com/imagetools/jfs/t1/108497/17/22418/15570/6215e0d0E01387603/81e883d9e15cebb7.png);
        // background-position: -205px -111px;
        overflow: hidden;
        display: inline-block;
        margin: 0 3px;
        width: 103px;
        height: 32px;
        line-height: 1000px;
        &:nth-child(1){
          background-position: -104px -33px;     
           }
   
        &:nth-child(2){
          background-position: -109px -66px;}
&:nth-child(3){
  background-position: -104px -33px;     
}
&:nth-child(4){
  background-position: 0 -66px;
}
&:nth-child(5){
  background-position: -104px -33px;     
}
&:nth-child(6){
  background-position: 0 -99px;
}
&:nth-child(7){
  background-position: -104px -99px;
}
&:nth-child(8){
  background-position: -104px -131px;
}


      

   }
    }
    }

  }
}
